*{
    margin: 0;
    padding: 0;
    list-style: none;
}

// 导航栏
.navbar{
    border-radius: 0;
    margin-bottom: 0;
    .container{
        @media (max-width:992px){
            width: 100%;
            a{
                padding: 15px 5px;
            }
        }
       .navbar-brand{
    display: flex;
    align-items: center;
}
}
}


 .game{
     img{
         width: 100%;
     }
 }

//  Layabox引擎
.engine{
    background-color: #fbfaf7;
    .title{
        padding-top: 50px;
        @media(max-width:768px){
            text-align: center;
        }
        h1{
            font-size: 48px;
            color: #0078d7;
            margin-bottom: 33px;
        }
        h2{
            font-size: 30;
            color: #666666;
        }
    }
    .row{
     
        margin-top: 20px;
        .item{
            padding-top: 50px;
            @media(max-width:768px){
                justify-content: center;
            }
            display: flex;
         
            .left{
                margin-right: 10px;
                margin-bottom: 45px;
                
            }
            .right{
                width: 210px;
                height: 76px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                h4{
                    font-size: 19px;
                    color: #333333;
                    margin-top: 3px;
                }
                p{
                    margin-top: -21px;
                    font-size: 14px;
                    color: #666666;
                }
            }
        }
        .hiddenimg{
            @media(max-width: 992px){
                display: none;
            }
            img{
                margin-top: -80px;
                margin-left: -60px;
            }
        }
        }
    }


// Layabox 优势
.Layabox{
    margin-top: 40px;
    .row{
        padding-top: 50px;
        .Layabox-left{ 
            margin-top: 60px;
        }
        .Layabox-right{
          
            h2{
                color: green;
                margin-bottom: 20px;
                @media(max-width:768px){
                    text-align: center;
                }
                
            }
            li{
                    @media(max-width:768px){
                    text-align: center;
                    }
                    &:last-of-type{
                        @media(max-width:992px){
                            padding-left: 40px;
                        }
                    }
                    &:first-of-type{
                        @media(max-width:992px){
                            padding-right: 40px;
                        }
                    }
                margin-top: 10px;
                img{
                    margin-right: 10px;
                }
            
            }
            }
        }
}

// Flashbox产品家族 
.family{
    background: blue;
    .title{
        margin-top: 80px;
        text-align: center;
       
        h1{
            color: white;
        }
    }
   .row{
   
       .item{ 
        @media(max-width:768px){
            justify-content: center;
        }
           margin-top: 50px;
           display: flex;
           .left{
               margin-right: 40px;
               margin-bottom: 100px;
           }
           .right{
               width: 250px;
               margin-top: -10px;
               h4{
                   color: white;
               }
               p{
                   color: white;
                   font-size: 12px;
               }
           }
       }
   }
}



// 精彩游戏

.playgame .playgame-top{
    
    margin-top: 30px;
    ul{
        display: flex;
        justify-content:space-between;
        align-items: center;
    li{
        
        h4{
            font-size: 20px;
            color: black;
        }
        span{
            font-size: 12px;
          
        }
    }
}
}


.playgame .row .row-right ul li{
    text-align: center;
    margin-top: 10px;
    span{
        display: block;
    }
}

@media (max-width:992px) {
    .container{
        text-align: center;
    }
}
// 合作伙伴
.box4{
    height: 350px;
    background: #e4e2e2;
.cooperation{
    margin-top: 10px;
    .cooperation-pic{
        margin-top: 10px;
        .row ul li{
            margin-top: 10px;

        }
    }
}
}
.cooperation-top{
  margin-top: 20px;
}

    

// 页脚
.box5{
    background:#222222;
    .row{
        display: flex;
        justify-content: space-between;
    .row-left{
        margin-top: 15px;
        font-size: 12px;
        ul{
            li{
               
                color: #e4e2e2;
                span{
                    color: #e4e2e2;
                    margin-right: 10px;
                }
            }
        }
    }
    .row-right{
        margin-top: 18px;
        ul{
            display: flex;
            li{
                position: relative;
                &:nth-of-type(2){
                    #er{
                        position: relative;
                        &:hover>#wechat{
                            display: block;
                        }
                        #wechat{
                                position: absolute;
                                top: -150px;
                                right: -55px;
                                display: none;
                                
                        
                            
                        }
                    }
                   
                }
                
              
            margin-right: 20px;
      
    }
}
}
}
}